Computer Shopper 235

home *** CD-ROM | disk | FTP | other *** search

/ Computer Shopper 235 / Issue 235 - September 2007 - DPCS0907DVD.ISO / Microsoft / Expression Blend / Blend.en.msi / Sparkle.PBook.Book.xaml.cs.en < prev next >

Wrap

Text File | 2007-03-29 | 36.5 KB | 552 lines

■using System; using System.IO; using System.Net; using System.Windows; using System.Windows.Controls; using System.Windows.Data; using System.Windows.Input; using System.Windows.Media; using System.Windows.Media.Imaging; using System.Windows.Media.Animation; using System.Windows.Navigation; using System.Collections.Generic; using System.Collections.ObjectModel; using System.Xml.Serialization; namespace PhotoBook { public partial class BookViewer { ImageCollection collection = null; // Number of the page on the right. Int32 currentPage; // Width and Height of the first image loaded. Double pageWidth; Double pageHeight; // Start value for the angle of page turning. Double angle = 45; // Value of the X position to be used to calculate the angle of the page turning. Double referenceX; Double mouseX, mouseY; #region Initialization public BookViewer() { this.InitializeComponent(); } protected override void OnInitialized(EventArgs e) { base.OnInitialized(e); } /// <summary> /// BookPathProperty is exposed on Expression Blend under the Miscellaneous category in the Properties panel. /// </summary> public string BookPath { get { return (string)base.GetValue(BookPathProperty); } set { base.SetValue(BookPathProperty, value); this.InitPages(); } } public static readonly DependencyProperty BookPathProperty = DependencyProperty.Register("BookPath", typeof(string), typeof(BookViewer), new PropertyMetadata(new PropertyChangedCallback(HandleBookPathChanged))); public void InitPages() { collection = new ImageCollection(); collection.Location = this.BookPath; HideShadowMiddle(); this.LoadPages(); } private static void HandleBookPathChanged(DependencyObject source, DependencyPropertyChangedEventArgs e) { ((BookViewer)source).InitPages(); } #endregion #region Load Pages /// <summary> /// Pages are loaded dynamically when they will be visible. /// Odd pages are on the right and even pages are on the left. /// </summary> public void LoadPages() { if (this.collection.Images.Count == 0) return; if (currentPage == 0) { // If it's the first page only three pages are loaded, since the book is closed. HideShadowEven(); HideShadowMiddle(); pageEvenTop.Opacity = 0; LoadOddTopPage(collection.Images[currentPage]); LoadEvenBottomPage(collection.Images[currentPage + 1]); LoadOddBottomPage(collection.Images[currentPage + 2]); } else { // Otherwise load four pages per each page turn. // Two pages on top and two pages at the bottom. ShowShadowMiddle(); pageEvenTop.Opacity = 1; LoadOddTopPage(collection.Images[currentPage]); LoadEvenTopPage(collection.Images[currentPage - 1]); LoadEvenBottomPage(collection.Images[currentPage + 1]); LoadOddBottomPage(collection.Images[currentPage + 2]); InitPageEvenTop(pageEvenTop); } } public void LoadEvenBottomPage(String page) { Uri uri = new Uri(System.IO.Path.Combine("file://", page)); BitmapImage bitmap = new BitmapImage(uri); pageEvenBottom.Source = bitmap; pageEvenBottom.Loaded += new RoutedEventHandler(PageEvenBottom_Loaded); } public void LoadEvenTopPage(String page) { Uri uri = new Uri(System.IO.Path.Combine("file://", page)); BitmapImage bitmap = new BitmapImage(uri); pageEvenTop.Source = bitmap; pageEvenTop.Loaded += new RoutedEventHandler(PageEvenTop_Loaded); } public void LoadOddBottomPage(String page) { Uri uri = new Uri(System.IO.Path.Combine("file://", page)); BitmapImage bitmap = new BitmapImage(uri); pageOddBottom.Source = bitmap; pageOddBottom.Loaded += new RoutedEventHandler(PageOddBottom_Loaded); } public void LoadOddTopPage(String page) { Uri uri = new Uri(System.IO.Path.Combine("file://", page)); BitmapImage bitmap = new BitmapImage(uri); pageOddTop.Source = bitmap; pageOddTop.Loaded += new RoutedEventHandler(PageOddTop_Loaded); } /// <summary> /// Initializes the attributes, based on the bottom page on the left (even page). /// </summary> void PageEvenBottom_Loaded(object sender, RoutedEventArgs e) { FrameworkElement img = sender as FrameworkElement; img.Width = pageWidth; img.Height = pageHeight; pageEvenBottomRotate.CenterX = 0; pageEvenBottomRotate.CenterY = pageHeight; pageEvenBottomRotate.Angle = angle * 2; pageEvenBottomTranslate.X = pageWidth * 2; clipEvenBottomRotate.CenterX = pageWidth; clipEvenBottomRotate.CenterY = pageHeight; clipEvenBottomRotate.Angle = 45; clipEvenBottomTranslate.X = pageWidth; shadowEven.Height = pageHeight * 2; shadowEven.Width = pageWidth; shadowEvenTranslate.X = pageWidth; shadowEvenTranslateX.Y = -pageHeight / 2; shadowEvenRotate.CenterX = pageWidth; shadowEvenRotate.CenterY = pageHeight; shadowEvenRotate.Angle = angle; clipShadowEvenRotate.CenterX = 0; clipShadowEvenRotate.CenterY = pageHeight; clipShadowEvenRotate.Angle = angle * 2; clipShadowEvenTranslate.X = pageWidth * 2; shadowOdd.Height = pageHeight; shadowOdd.Width = pageWidth; shadowOddRotate.CenterY = pageHeight; shadowOddRotate.Angle = 45; shadowOddTranslate.X = pageWidth; shadowEvenMiddle.Height = pageHeight; shadowOddMiddle.Height = pageHeight; UpdateClipArea("evenBottom"); } void PageEvenTop_Loaded(object sender, RoutedEventArgs e) { InitPageEvenTop(sender); } void PageOddBottom_Loaded(object sender, RoutedEventArgs e) { FrameworkElement img = sender as FrameworkElement; pageWidth = img.ActualWidth; pageHeight = img.ActualHeight; clipOddBottomRotate.CenterX = 0; clipOddBottomRotate.CenterY = pageHeight; clipOddBottomRotate.Angle = angle; clipOddBottomTranslate.X = pageWidth; UpdateClipArea("oddBottom"); } void PageOddTop_Loaded(object sender, RoutedEventArgs e) { FrameworkElement img = sender as FrameworkElement; pageWidth = img.ActualWidth; pageHeight = img.ActualHeight; backShadowOdd.Height = pageHeight + 2; backShadowOdd.Width = pageWidth + 2; backShadowOdd2.Height = pageHeight + 4; backShadowOdd2.Width = pageWidth + 4; backShadowOdd3.Height = pageHeight + 6; backShadowOdd3.Width = pageWidth + 6; backShadowOdd4.Height = pageHeight + 8; backShadowOdd4.Width = pageWidth + 8; } void InitPageEvenTop(object sender) { FrameworkElement img = sender as FrameworkElement; img.Width = pageWidth; img.Height = pageHeight; UpdateClipArea("evenTop"); } #endregion #region Drag Page /// <summary> /// This event is raised by the top page on the right (odd page), defined in XAML. /// </summary> private void OnStartDrag(object sender, MouseEventArgs e) { if (currentPage < collection.Images.Count - 2) { FrameworkElement el = sender as FrameworkElement; el.CaptureMouse(); Point mousePos = Mouse.GetPosition(pageOddTop); UpdateMousePos(); el.MouseMove += new MouseEventHandler(UpdateMouseMove); } } /// <summary> /// This event is raised by the top page on the left (even page). /// </summary> private void OnStartDragBack(object sender, MouseEventArgs e) { if(currentPage > 1) { currentPage -= 2; LoadPages(); angle = 0; UpdatePageOddTurning(); bookShadow.Opacity = 0.5; } FrameworkElement el = sender as FrameworkElement; el.CaptureMouse(); Point mousePos = Mouse.GetPosition(pageOddTop); UpdateMousePos(); el.MouseMove += new MouseEventHandler(UpdateMouseMove); } private void OnStopDrag(object sender, MouseEventArgs e) { AnimFinishPageTurn(); FrameworkElement el = sender as FrameworkElement; el.ReleaseMouseCapture(); pageOddTop.MouseLeave -= new MouseEventHandler(OnHideFold); el.MouseMove -= new MouseEventHandler(UpdateMouseMove); } private void OnStopDragBack(object sender, MouseEventArgs e) { FrameworkElement el = sender as FrameworkElement; el.ReleaseMouseCapture(); el.MouseMove -= new MouseEventHandler(UpdateMouseMoveBack); } #endregion #region CLIP Methods private void OnUpdateClipArea(object sender, SizeChangedEventArgs e) { UpdateClipArea("oddBottom"); } /// <summary> /// Updates the mask effect of the pages. /// </summary> private void UpdateClipArea(String whichClip) { Point p1, p2; Rect clipArea; switch (whichClip) { case "oddBottom": p1 = new Point(0, -pageHeight); p2 = new Point(pageWidth, pageHeight * 2); clipArea = new Rect(p1, p2); clipOddBottom.Rect = clipArea; break; case "evenBottom": p1 = new Point(0, -pageHeight); p2 = new Point(pageWidth, pageHeight); clipArea = new Rect(p1, p2); clipEvenBottom.Rect = clipArea; p1 = new Point(0, 0); p2 = new Point(pageWidth, pageHeight); clipArea = new Rect(p1, p2); clipShadowEven.Rect = clipArea; p1 = new Point(0, -pageWidth); p2 = new Point(pageWidth * 2, pageHeight); clipArea = new Rect(p1, p2); clipShadowOdd.Rect = clipArea; break; case "evenTop": p1 = new Point(0, 0); p2 = new Point(pageWidth, pageHeight); clipArea = new Rect(p1, p2); clipEvenTop.Rect = clipArea; break; default: break; } } #endregion #region Shadow Methodos /// <summary> /// This section updates the shadow effect under the pages. /// It also controls the shadow and highlight of the folder on the middle. /// </summary> private void HideShadowEven() { backShadowEven.Visibility = Visibility.Hidden; backShadowEven2.Visibility = Visibility.Hidden; backShadowEven3.Visibility = Visibility.Hidden; backShadowEven4.Visibility = Visibility.Hidden; } private void ShowShadowEven() { backShadowEven.Visibility = Visibility.Visible; backShadowEven2.Visibility = Visibility.Visible; backShadowEven3.Visibility = Visibility.Visible; backShadowEven4.Visibility = Visibility.Visible; } private void HideShadowMiddle() { middleShadow.Visibility = Visibility.Hidden; } private void ShowShadowMiddle() { middleShadow.Visibility = Visibility.Visible; } private void SetOpacityShadowEven(Double opc) { backShadowEven.Opacity = opc; backShadowEven2.Opacity = opc; backShadowEven3.Opacity = opc; backShadowEven4.Opacity = opc; } #endregion #region Page Turn Methdos /// <summary> /// When the page is released, verify what direction the page should go. /// </summary> private void AnimFinishPageTurn() { if (angle < 15) { // If the angle is small, complete the page turn. angle = 0; ShowShadowEven(); } else { // If the angle is not small enough, turn it back to the initial position. angle = 45; currentPage -= 2; } GetNextPhotos(); UpdatePageOddTurning(); } private void GetNextPhotos() { if (currentPage < collection.Images.Count - 2) currentPage += 2; if (currentPage < collection.Images.Count - 2) { bookShadow.Opacity = 1; LoadPages(); angle = 45; } } /// <summary> /// Calculates the position X that is used to update the angle of the page. /// </summary> private void CalculatePositionX() { Double perc = 100 * angle / 45; Double newX = pageWidth * perc / 100; referenceX = newX; } /// <summary> /// Show a fold at the corner of the page, indicating that there are more pages behind. /// </summary> private void OnShowFold(object sender, MouseEventArgs e) { if (currentPage < collection.Images.Count - 2) { angle = 40; UpdatePageOddTurning(); } } private void OnHideFold(object sender, MouseEventArgs e) { angle = 45; UpdatePageOddTurning(); } #endregion #region Mouse Methods private Point GetMouseDelta() { Point mousePos = Mouse.GetPosition(pageOddTop); Double deltaX = mousePos.X - mouseX; Double deltaY = mousePos.Y - mouseY; Point point = new Point(deltaX, deltaY); return point; } private void UpdateMousePos() { Point mousePos = Mouse.GetPosition(pageOddTop); mouseX = mousePos.X; mouseY = mousePos.Y; } /// <summary> /// Main method that verifies the mouse position as it moves, updating the angle of the page. /// </summary> private void UpdateMouseMove(object sender, MouseEventArgs e) { FrameworkElement el = sender as FrameworkElement; Point delta = GetMouseDelta(); angle += delta.X / 8; if (angle > 45) angle = 45; if (angle < 0) angle = 0; UpdatePageOddTurning(); if (angle <= 5) { Double opc = (50 + (angle * 10)) / 100; bookShadow.Opacity = opc; } if (currentPage == 0) { if (angle <= 0.6) { ShowShadowEven(); Double opcShadow = (6 - (angle - 0.5) * 10) / 100; SetOpacityShadowEven(opcShadow); } else { HideShadowEven(); } } UpdateMousePos(); if (!el.IsMouseCaptured) el.ReleaseMouseCapture(); } private void UpdateMouseMoveBack(object sender, MouseEventArgs e) { FrameworkElement el = sender as FrameworkElement; Point mousePos = Mouse.GetPosition(pageOddTop); if (!el.IsMouseCaptured) el.ReleaseMouseCapture(); } /// <summary> /// Based on the angle, this method updates position, rotation and masks (clips). /// </summary> private void UpdatePageOddTurning() { CalculatePositionX(); clipOddBottomRotate.Angle = angle; clipOddBottomRotate.CenterX = (referenceX) - (pageWidth); clipOddBottomTranslateX.X = (referenceX) - (pageWidth); pageEvenBottomRotate.Angle = angle * 2; pageEvenBottomRotate.CenterX = (referenceX) - (pageWidth); pageEvenBottomTranslateX.X = (referenceX * 2) - (pageWidth * 2); shadowEvenRotate.CenterX = (referenceX); shadowEvenRotate.Angle = angle; shadowEvenTranslateX.X = (referenceX) - (pageWidth); clipShadowEvenRotate.Angle = angle * 2; clipShadowEvenRotate.CenterX = (referenceX) - (pageWidth); clipShadowEvenTranslateX.X = (referenceX * 2) - (pageWidth * 2); shadowOddRotate.Angle = angle; shadowOddRotate.CenterX = (referenceX) - (pageWidth) + 1; shadowOddTranslateX.X = (referenceX) - (pageWidth); clipEvenBottomRotate.Angle = angle; clipEvenBottomTranslate.X = referenceX; } #endregion } }